www.gusucode.com > 印刷装修类企业网站源码 织梦dedecms装修类模板(demo207)源码程序 > 印刷装修类企业网站源码 织梦dedecms装修类模板(demo207)源码程序/www3/css/youzi.css
/* AB模版网 做最好的织梦整站模板下载网站 */ /* 网址:Www.AdminBuy.Cn */ /* 图标大全:Sc.AdminBuy.Cn 专业建站素材网站 */ /* QQ:9490489 */ /*! inner */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend,button,form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } body { background:#ececec; color:#242424; font-size:14px; font-family:"Microsoft Yahei","Arial"; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; } ol,ul { list-style: none; padding:0; margin:0; } ul { display: block; } a { text-decoration:none; color:#2e2e2e; } a:hover { color:#99bf0f; } .selected a{ color:#99bf0f; } a img{ border:none; } .clear{ clear:both; } .clearfixed{ padding-bottom:71px; } div{ display:block; } .fixed{ top:0; position:fixed} .boundry_left{ margin-left:0; } .boundry_right{ margin-right:0; } .common_header { background:#ffffff; color:#fafafa; height:70px; width:100%; z-index:9999; border-bottom: 1px solid #ccc} .common_header_topnav{ display:block; height:4px; background:#3c3c3c; } .common_header_inner{ display:block; width:1200px; margin:0 auto; height:66px; } .common_header_menu{ float:left; margin-left:40px; } .common_header_menu ul { float:left; } .common_header_menu ul li { float:left; margin-top:-4px; } .common_header_menu li a{ color:#666; height:18px; text-decoration:none; font-weight:bold; width: 92px; text-align: center; padding: 24px 0; font-size:16px; border-top:solid 4px #3c3c3c; display:block; font-family:arical; } .common_header_menu li a:hover{ border-top:solid 4px #99bf0f; background:#fafafa; } .common_header_menu li .clock:hover{ border-top:solid 4px #99bf0f; background:#fafafa url(../images/xshl.gif) no-repeat 70px 14px; } .common_header_menu .selected { background:#f5f5f5; border-top:solid 4px #99bf0f; } .common_header_promobox{ float:right; height:40px; } .common_header_promobox ul { float:right; } .common_header_promobox ul li { float:left; margin-top:20px; } .common_header_promobox ul li input { width:150px; height:27px; background:#f2f2f2; color:#acacac; padding-left:10px; border:none; line-height: 27px; font-size: 12px; border: 1px solid #ddd} .common_header_promobox ul li a { color:#fff; margin-left:10px; width:100px; height:28px; line-height:28px; display:inline-block; text-align: center; background: #ff8400; border-radius: 3px; margin-left: 6px} .common_header_menu .clock{ background:url(../images/xshl.gif) no-repeat 70px 14px; } .common_header_logo{ float:left; height:66px; line-height:66px; } .common_header_logo a { display: block;width:167px;text-indent:-999px;color:#fafafa; } .top-400-mobile{float:right;margin: 24px 0 0;width:227px;height:17px;text-indent:-999px;background:url(../images/top-400-phone.png) no-repeat 0 0;overflow:hidden;} .yz-qh{ min-width:116px; height:46px; float:left; padding-top:20px; color:#666; font-family:arical; font-size:14px; margin-left:20px} .qh-now{ float:left; min-width:36px; height:26px; line-height:26px; padding-left:18px; background:url(../images/index_qh.png) no-repeat 0px center} .qh-btn{ float:left; width:60px; height:25px; line-height:25px; text-align: center; cursor:pointer; color:#aaa; border: 1px solid #fff; border-bottom: none; } .qh-btn-active{ border: 1px solid #ccc; border-bottom: none; height: 26px; margin-bottom: -1px; background: #fff} .qh-xz{ clear:both; border:1px solid #ccc; background:#fff; width: 114px; min-height: 30px; overflow: hidden; display: none} .qh-xz li{ float: left} .qh-xz li a{ display:block; height:22px; width: 36px; margin:4px 0 0 15px; line-height:22px; cursor:pointer; color:#666; text-align: center; } .qh-xz li .sf-active{ background:#b2dc0b; color: #fff} #common_footer{ background:#3c3c3c; height:198px; color:#fff; font-size:14px; line-height:20px; width:100%; margin-top:30px} #common_footer ul{ width:980px; margin:0 auto; padding-top:10px; display:block; list-style: none; } #common_footer li{ width:450px; margin-top:10px; float:right; } #common_footer li a{ color: #aaa; } #common_footer li a:hover{ color: #96bb04; } #common_footer li dd span{ color: #aaa; } .foot-add{ display: block; } .foot-phone{ display: block; } #common_footer li dd,dt{ height: 24px; font: 14px/24px '微软雅黑'; } #common_footer .common_footer_slogan{ width:300px; float: left; margin-left: 85px} #common_footer i{ font-style:normal; font-weight:bolder; margin-right:12px; } #common_footer .icon_loc{ background:url("../images/icon.png") no-repeat; float:left; width:18px; height:20px; margin-right:8px; } #common_footer .icon_tel{ background:url("../images/icon.png") no-repeat 0 -37px; float:left; width:18px; height:20px; margin-right:8px; } #common_footer { font-family: "Microsoft Yahei","Arial"; } .index_gallery{ background:url("../images/index_gallery2.png") no-repeat; background-position:center; height:394px; width:100%} .inner_gallery{ margin:0 auto; width:960px; } .slogan{ float:left; width:400px; height:160px; margin-left:15px; margin-top:215px; } .reserve_box{ position:relative; float:right; width:292px; height:316px; background:url("../images/reserve_box_bg.png"); margin-top:57px; z-index:2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/reserve_box_bg.png',sizingMethod='crop'); } .reserve_box .reserve_boxbody{ padding-left:30px; padding-right:30px; } .reserve_box .reserve_boxbody li{ height:40px; margin-top:10px; margin-bottom:10px; float:left} .reserve_box .reserve_box_title { margin:20px 0 0; height:40px; font:700 18px/40px '微软雅黑'; color:#333; text-align:center; } .reserve_box li input{ height:40px; width:180px; border:none; background:#fff; float:left; padding-left:12px; color:#3f3f3f; font-size:14px; line-height:40px; *line-height:45px; } .reserve_box .reserve_cellphone input{ color:#a1a1a1; font-weight:normal; } .reserve_box li .reserve_submit { width:232px; text-align:center; background:#82ba16; display:block; height:40px; font:700 14px/40px '微软雅黑'; color:#fff; } .reserve_box li .reserve_submit:hover{ background:#82ba16; } .reserve_box span{ float:left; width:40px; height:40px; background:#ccc; } .reserve_calendar span{ background:url("../images/index_calendar.png"); } .reserve_clock span{ background:url("../images/index_clock.png"); } .reserve_cellphone span{ background:url("../images/index_cellphone.png"); } .reserve_box li .reserve_cp_error { background:#FEDEE8; color:#ca0000; } .reserve_box .reserve_box_time { float:right; width:192px; height:116px; background:#fff; margin-right:70px; margin-top:-129px; } .reserve_box_time li{ float:left; width:175px; height:28px; line-height:28px; border:1px solid #e5e5e5; color:#333; margin-top:-1px; padding-left:15px; } .reserve_box_time li:hover{ background:#B6DE1A; } .reserve_box .reserve_box_date { float:right; width:190px; height:210px; background:#fff; border:1px solid #E5E5E4; margin-top:-190px; margin-right:70px; } .reserve_box_date li{ padding-left:11px; padding-right:11px; } .reserve_bd_title { float:left; height:29px; width:168px; } .reserve_bd_title span{ background:none; height:29px; line-height:29px; border-bottom:1px solid #E5E5E4; width:44px; } .reserve_bd_title .reserve_bdt_month{ width:80px; text-align:center; } .reserve_bd_title span a{ line-height:29px; } .reserve_bd_title .reserve_bdt_leftarrow a { padding-left:23px; padding-right:22px; padding-top:7px; padding-bottom:6px; background:url("../images/reserve_left_arrow.png") no-repeat center; } .reserve_bd_title .reserve_bdt_rightarrow a { padding-left:22px; padding-right:23px; padding-top:7px; padding-bottom:6px; background:url("../images/reserve_right_arrow.png") no-repeat center; } .reserve_bd_week i { width:24px; font-style:normal; display:inline-block; text-align:center; line-height:24px; } .reserve_bd_table table { border-spacing:1px; border-collapse:collapse; } .reserve_bd_table td{ width:23px; height:23px; text-align:center; background:#ededed; border:1px solid #e5e5e5; line-height:23px; font-size:13px; color:#333; } .reserve_bd_table .selected{ background:#B2DC0B; } .reserve_bd_table .enable{ background:#fff; cursor:pointer; } .reserve_bd_table .enable:hover{ background:#B2DC0B; } .index_selectbox{ background:#fff; width:920px; display:block; height:2520px; margin:0 auto; margin-top:50px; padding:25px 20px 35px; } .index_selectmenu{ display:block; height:364px; } .index_selectmenubox{ margin-right:19px; } .index_selectmenubox_boundry_right{ } .index_selectmenu div{ width:294px; background:#fff; float:left; } /*.index_selectmenu div:hover{ background:#f0f0f0; } .index_selectmenu div:hover .down_arrow{ background:#f0f0f0; height:10px; }20140301*/ .index_selectmenu div:hover{ background:#3c3c3c; } .index_selectmenu div:hover .down_arrow{ background: url("../images/selected_down.png") repeat-x; background-color: #fff; height: 20px; } .index_selectmenu div ul{ margin:10px 10px 0 10px; background:#fff; width:264px; float:left; height:324px; padding:5px; } .index_selectmenu div .down_arrow{ display:block; height:10px; background:#f0f0f0; width:294px; float:left; } .index_selectbox .selected{ background:#3c3c3c; } .index_selectbox .selected .down_arrow{ background:url("../images/selected_down.png") repeat-x; background-color:#fff; height:20px} .box_combo_overview img{ width:264px; height:170px; } .hot { background:url("../images/hot.png") no-repeat 190px 2px; height:50px; } .box_combo_name h2{ font-size:26px; font-weight:bolder; text-align:center; line-height:50px; } .box_combo_intro { font-size:10px; text-align:center; line-height:20px; color:#3c3c3c; } .box_combo_botton { height:60px; line-height:60px; display:block; text-align:center; } .box_combo_botton a { color:#fafafa; background:url("../images/button_middle1.png") no-repeat; width:149px; height:41px; line-height:41px; display:inline-block; text-align: center; margin-top:10px; } /**20140312.box_combo_botton a { color:#fafafa; background:url("../images/button_middle1.gif") no-repeat; width:102px; height:27px; line-height:27px; display:inline-block; text-align: center; }**/ .index_combo{ margin-top:50px; } /**20140303.index_combo_detail{ margin-bottom:40px; margin-top:40px; background:url("../images/small_logo.png") no-repeat 300px; } .index_combo_detail h2{ text-align:center; font-size:18px; margin-bottom:15px; font-weight:bolder; line-height:50px; }**/ .index_combo_detail{ margin-bottom:10px; margin-top:60px; background:url("../images/small_logo.png") no-repeat 300px; } .index_combo_detail h2{ font-size:18px; margin-bottom:0px; font-weight:bolder; line-height:50px; padding-left: 350px} .index_combo_detail h2 b{ color:red; font-size:22px; } .index_combo_detail li{ float:left; width:215px; height:215px; margin-right:20px; margin-top:20px; overflow:hidden; } .index_combo_detail li a,.index_combo_detail li img{ display:block; width:215px; height:215px; } .index_combo_detail .boundry_right{ margin-right:0; } .index_combo_detail li dd{ height:142px; line-height:18px; overflow:hidden; } .index_combo_detail li dt{ font-weight:bolder; margin-bottom:10px; } /**.index_combo_detail .combo_desc a { color:#fafafa; background:url("../images/combo_button.jpg") no-repeat; width:160px; height:38px; line-height:38px; display:inline-block; text-align: center; margin-top:10px; margin-left:1px; margin-bottom:1px; border-color:#F00; border-width:3px; }**/ .index_combo_detail .combo_desc a { color:#fafafa; background:url("../images/combo_button2.jpg") no-repeat; width:160px; height:38px; line-height:38px; display:inline-block; text-align: center; margin-left:1px; border-color:#F00; border-width:3px; } .index_sub_selectmenu{ display:block; margin-top:50px; } .index_sub_selectmenubox{ margin-right:19px; } .index_sub_selectmenubox_boundry_right{ } .index_sub_selectmenu div{ width:294px; background:#fff; float:left; } .index_sub_selectmenu div .up_arrow{ display:block; height:11px; background:#f0f0f0; width:294px; float:left; margin-bottom:10px; } .index_sub_selectmenu .selected { background:#fff; margin-top:-9px; } .index_sub_selectmenu .selected .up_arrow{ background:url("../images/selected_up.png") repeat-x; background-color:#fff; height:20px; } /*20140301*/ .index_sub_selectmenu div:hover { background:#fff; margin-top:-9px; } .index_sub_selectmenu div:hover .up_arrow{ background:url("../images/selected_up.png") repeat-x; background-color:#fff; height:20px; } .index_sub_selectmenu .selected a{ color: #2e2e2e; } .index_sub_selectmenu a:hover{ color: #2e2e2e; } .index_selectmenu .selected a{ color: #2e2e2e; } .index_selectmenu a:hover{ color: #2e2e2e; } .box_combo_botton a{ color: #fafafa!important; } .box_combo_botton a:hover{ color: #fafafa; } .index_user_review { margin-top:50px; } .index_user_review h2{ text-align:center; line-height:20px; font-size:18px; font-weight:bolder; margin-bottom:15px; } .index_user_review .review_box{ float:left; margin-right:30px; width:415px; background:#f0f0f0; padding:15px; min-height: 140px; } .index_user_review .review_box_boundry_right{ float:left; width:415px; background:#f0f0f0; padding:15px; min-height:140px; } .index_user_review { line-height:20px; } .index_user_review .review_title{ font-weight:bolder; margin-bottom:10px; text-indent:1em; } .index_user_review .review_content{ text-indent:1em; } /*.index_guarantee{ width:960px; height:1298px; margin:0 auto; display:block; margin-top:50px; background:url("../images/index_guarantee100.jpg"); padding-right:8px; }*/ .index_guarantee{ width:960px; height:1128px; margin:0 auto; display:block; margin-top:50px; background:url(../images/index_guarantee600_hefei3.jpg); padding-right:8px; background-position:bottom; } .index_guarantee a{ float:left; margin-left:46px; margin-top:104px; } .index_guarantee_youziba{ width:960px; height:1328px; margin:0 auto; display:block; margin-top:50px; background:url("../images/index_guarantee2.jpg"); padding-right:8px; } .index_guarantee_youziba a{ float:left; margin-left:46px; margin-top:104px; } /*photo_piclist_searchbox*/ .pl_filter_box { display:block; width:1200px; margin:20px auto 0; } .pl_filter_category { float:left; width:100%; } .pl_filter_category h1 { float:left; display: block; height:50px; width:125px; text-align: center; line-height: 50px; font-size: 16px; font-weight:bold; } .pl_filter_category ul { height: 48px; margin-left:10px; float:left; background:#fafafa; border:1px solid #d6d6d6; border-right:none; } .pl_filter_category li { float:left; text-align:center; font-size:16px; width:140px; height:48px; line-height:48px; border-right:1px solid #d6d6d6; } .pl_filter_category li:hover { background:#ebebeb; } .pl_filter_category .selected { border-top:3px solid #b5d60d; height:46px; margin-top:-1px; background:#ebebeb; line-height:44px; } .pl_filter_category li a{ display: block; width:100%; height:100%; } .pl_filter_style { margin-top:15px; float:left; width:100%; } .pl_filter_style ul { height:48px; float:left; background:#fafafa; width:100%; border:1px solid #d6d6d6; } .pl_filter_style li { float:left; text-align:center; font-size:16px; width:90px; height:48px; line-height:48px; border-right:1px solid #d6d6d6; } .pl_filter_style li:hover { border-top:3px solid #b5d60d; height:46px; margin-top:-1px; background:#f5f5f5; line-height:44px; } .pl_filter_style .selected { border-top:3px solid #b5d60d; height:46px; margin-top:-1px; background:#f5f5f5; line-height:44px; } .pl_filter_style li a{ display: block; width:100%; height:100%; } .pl_filter_room { float:left; width:100%; } .pl_filter_room ul { height:48px; float:left; background:#fafafa; width:99%; border:1px solid #d6d6d6; border-top:none; padding-left:1%; } .pl_filter_room li { float:left; text-align:center; font-size:16px; height:48px; line-height:16px; } .pl_filter_room a { display: block; padding:5px 10px; margin:11px 8px; } .pl_filter_room a:hover { background: #eef5ce; } .pl_filter_room .selected a { background: #eef5ce; } .pl_filter_size { float:left; width:100%; height:40px; width:100%; margin-top:15px; background:#fafafa; width:100%; border:1px solid #d6d6d6; font-size:16px; } .pl_filter_size { float:left; } .pl_filter_size li { float:left; } .pl_filter_size a { display:block; padding:0 10px; margin:0 5px; } .pl_filter_size a:hover { background: #eef5ce; } .pl_filter_size .selected a { background: #eef5ce; } .pl_filter_area { float:left; height:30px; border-right:1px solid #d6d6d6; margin-top:5px; margin-left:20px; line-height:30px; width:630px; } .pl_filter_impression { float:right; margin-top:5px; margin-top:5px; margin-right:20px; line-height:30px; } /*photo_piclist_photos*/ .pl_photos { display:block; width:1200px; margin:15px auto 0; /*border-top:1px solid #fafafa; */} .pl_photos ul{ display: block; } .pl_photos li{ float:left; width:224px; margin-left:20px; overflow: hidden; margin-top:15px; } .pl_photos .left{ margin-left:0; } .pl_photos dt,.pl_photos dd{ float:left; border:1px solid #cfcfcf; background:#fff; } .pl_photos dt { height:168px; } .pl_photos a { float:left; } /*.pl_photos img{ width:222px; max-height:168px; vertical-align: middle; }*/ .pl_photos img{ width:222px; height:168px; vertical-align: middle; } .pl_photos dd{ width:222px; height:33px; } .pl_photos .pl_photos_photo { border-bottom:none; } /*.pl_photos .pl_photos_title { border-top:none; border-bottom:none; overflow: hidden; }*/ .pl_photos .pl_photos_title { border-top:none; border-bottom:none; } .pl_photos .pl_photos_title a{ line-height:33px; width:94%; padding-left:3%; padding-right:3%; } .pl_photos .pl_photos_key { background:#fafafa; } .pl_photos .pl_photos_key span { float:right; margin-right:3%; line-height:33px; color:#9c9c9c; } .pl_photos .pl_photos_key .left { float:left; margin-left:3%; } div.float_photos { width:700px; height:430px; margin-left: -350px!important; margin-top: -215px!important; } .float_photos_left,.float_photos_right{ width:100px; height:430px; float:left; } .float_photos_center{ float:left; height:430px; width:500px; } .float_photos_center img{ margin-top:15px; } .float_photos_left a , .float_photos_right a{ width:35px; height:80px; display:block; text-indent:-9999px; } .float_photos_left a { float:right; margin-right:25px; background:url("../images/photos_arrow.png") no-repeat; margin-top:175px; } .float_photos_right a { float:left; margin-left:25px; background:url("../images/photos_arrow.png") no-repeat -35px 0; margin-top:153px; } .float_photos_left a:hover { background-position: 0 -80px; } .float_photos_right a:hover { background-position: -35px -80px; } /*photo_piclist_pages*/ .pl_pages { display:block; width:1200px; margin:30px auto 0; } .pl_pages ul{ float:right; } .pl_pages li{ float:left; margin:5px; } .pl_pages li a{ padding:5px 10px; } .pl_pages li a:hover{ background: #eef5ce; } .pl_pages .selected a{ background: #eef5ce; } /*kefu*/ /**20140312 #kf,.kf_btn01,.kf_btn02,.kf_btn03,.kf_btn01Hover,.kf_btn02Hover,.kf_btn03Hover{ background:url('../images/kefu2.png') no-repeat} #kf{ z-index:5000; position:fixed; right:5px; bottom:80px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||100)-(parseInt(this.currentStyle.marginBottom,10)||100))); width:78px; overflow:hidden; background-position:0 0} #kf a.close{ position:absolute; top:0; right:0; width:15px; height:15px} #kf .context div.space{ height:85px; cursor:pointer} #kf span{ display:block; cursor:pointer; width:78px; height:40px; line-height:40px; clear:both; color:#fff; text-align:center; font-size:14px; } #kf span.kf_btn01{ background-position:0 -85px} #kf span.kf_btn01:hover,#kf span.kf_btn01Hover{ background-position:-79px -85px} #kf span.kf_btn02{ background-position:0 -126px} #kf span.kf_btn02:hover,#kf span.kf_btn02Hover{ background-position:-79px -126px} #kf span.kf_btn03{ background-position:0 -167px} #kf span.kf_btn03:hover,#kf span.kf_btn03Hover{ background-position:-79px -167px}**/ #kf,.kf_btn01,.kf_btn02,.kf_btn03,.kf_btn01Hover,.kf_btn02Hover,.kf_btn03Hover{ background:url('../images/kefu2.png') no-repeat} #kf{ z-index:5000; position:fixed; right:0px; bottom:80px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||100)-(parseInt(this.currentStyle.marginBottom,10)||100))); width:78px; overflow:hidden; background-position:0 0} #kf a.close{ position:absolute; top:0; right:0; width:15px; height:15px} #kf .context div.space{ height:85px; cursor:pointer} #kf span{ display:block; cursor:pointer; width:78px; height:35px; line-height:35px; clear:both; color:#fff; text-align:center; font-size:14px; } #kf span.kf_btn01{ width:78px; height:114px; line-height:114px; background-position:0 0px} #kf span.kf_btn01:hover,#kf span.kf_btn01Hover{ background-position:-79px -0px} #kf span.kf_btn02{ background-position:0 -114px} #kf span.kf_btn02:hover,#kf span.kf_btn02Hover{ background-position:-79px -114px} #kf span.kf_btn03{ width:78px; height:120px; line-height:120px; } #kf_frame{ position: fixed; right:40px; bottom:0px; border:1px solid #e7e7e7; } #kf_frame .kf_frame_nav{ height:30px; background:#f9f9f9; } .kf_frame_nav a{ float:right; height:16px; width:16px; text-decoration: none; color:#d7d7d7; line-height:18px; margin-top:8px; margin-right:14px; text-align:center; } .kf_frame_nav a:hover{ color:#a8a8a8; background:#e7e7e7; } .kf_frame_nav span{ color:#a8a8a8; font-size:14px; margin-left:14px; line-height:16px; margin-top:8px; float:left; } /*kefu_new*/ /**20140629**/ #new_kf{ z-index:5000; position:fixed; right:100px; bottom:0px; width:350px; height:400px; display:block; background:#fff; border-radius:8px; border:2px solid #ececec; } .float_kfquery { width:300px; margin:0 auto; height:45px; line-height:45px; font-size:18px; font-weight:bolder; text-align:left; } .float_kfchat { overflow-y:scroll; width:330px; margin:0 auto; height:200px; display:block; background:#F0F0F0; padding-bottom:10px; } .float_querybox { width:308px; border:1px solid #f0f0f0; margin:5px auto 0; height:108px; display:block; padding:10px; color:#3c3c3c; } .float_qb_cellphone { float:left; height:30px; line-height:30px; } .float_qb_cellphone span{ float:right; height:30px; line-height:30px; } .float_qb_cellphone input{ float:right; height:30px; line-height:30px; width:198px; border:1px solid #ccc; color:#c9c9c9; padding-left:10px; } .float_qb_cellphone .float_qbc_error{ border:1px solid red; color:#ca0000; } .float_qb_content { float:left; height:66px; line-height:66px; margin-top:10px; } .float_qb_content span{ float:right; height:66px; line-height:66px; } .float_qb_content textarea{ height:56px; width:188px; border:1px solid #ccc; color:#3c3c3c; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; } .float_qb_button { width:47px; height:108px; float:right; margin-top:-30px; } .float_qb_button a { width:47px; height:108px; float:right; background:url("../images/kf_send_button.png"); } .float_kfchat_youzi,.float_kfchat_user { padding-left:10px; padding-right:10px; float:left; width:310px; margin-top:5px; font-size:12px; color:#333} .float_kfchat_youzi span{ width:310px; line-height:24px; text-align:left; display:inline-block; } .float_kfchat_youzi p{ max-width:240px; float:left; padding:5px; background:#B2DC0C; border-radius:3px; } .float_kfchat_user span{ width:310px; line-height:24px; text-align:right; display:inline-block; } .float_kfchat_user p{ max-width:240px; float:right; padding:5px; background:#FEFDFD; border-radius:3px; } /*双11*/ .eleven { width:497px; height:178px; margin-top:-180px; margin-left:177px; } .eleven2 { width:497px; height:178px; } .index_bottom_button{ width:100%; text-align:center; margin-top: 40px; } /*float_division*/ .float_div { width:500px; height:260px; border:2px solid #ebebeb; background:#fff; border-radius:8px; text-align: center; z-index:99; left:50%; /*FF IE7*/ top: 50%; /*FF IE7*/ margin-left:-250px!important; /*FF IE7 该值为本身宽的一半 */ margin-top:-125px!important; /*FF IE7 该值为本身高的一半*/ margin-top:0px; position:fixed!important; /*FF IE7*/ position:absolute; /*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/} .float_bg { background-color: #000; width: 100%; height: 100%; left:0; top:0; /*FF IE7*/ filter:alpha(opacity=30); /*IE*/ opacity:0.3; /*FF*/ z-index:1; position:fixed!important; /*FF IE7*/ position:absolute; /*IE6*/ _top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/ document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2); /*IE5 IE5.5*/} .float_close { float:right; margin-right:10px; margin-top:10px; } .float_close a{ text-indent:-9999px; display:block; background:url("../images/float.png") -101px 1px no-repeat; width:12px; height:12px; } .float_close a:hover{ background:url("../images/float.png") -101px -11px no-repeat; } .float_inquiry_title { width:400px; margin:0 auto; height:50px; line-height:50px; border-bottom:1px solid #ebebeb; font-size:20px; font-weight:bolder; text-align:left; } .float_inquiry_text { text-align:left; width:400px; margin:50px auto 0; } .float_inquiry_form { margin:10px auto 0; text-align:left; width:400px; height:40px; } .float_inquiry_form input{ height:38px; border:1px solid #ccc; width:260px; padding-left:10px; font-size:24px; color:#666; float:left; } .float_inquiry_form a{ margin-left:15px; background:url("../images/float.png") no-repeat; width:100px; height:40px; float:left; text-indent:-9999px; } .float_inquiry_form a:hover{ background:url("../images/float.png") 0 -40px no-repeat; } .float_inquiry_form a:active{ background:url("../images/float.png") 0 -80px no-repeat; } .float_inquiry_tip { text-align:left; margin:10px auto 0; width:400px; font-size:12px; color:#da4c39; } .float_success_title { line-height:50px; font-size:24px; width:400px; margin:75px auto 0; } .float_success_title img{ height:50px; vertical-align:middle; } .float_success_title span{ margin-left:15px; font-weight:bolder; vertical-align:bottom; } .float_success_desc { width:400px; text-align:center; margin:40px auto 0; height:25px; background:#ebebeb; } .float_success_desc span{ font-size:12px; line-height:25px; color:#666; } .float_inquiry_form_phone { margin:10px auto 0; text-align:left; width:400px; height:40px; } .float_inquiry_form_phone input{ height:38px; border:1px solid #ccc; width:150px; padding-left:30px; font-size:14px; color:#666; float:left; } .float_inquiry_form a{ margin-left:15px; width:100px; height:40px; float:left; } .float_inquiry_tip_phone { text-align:left; margin:10px auto 0; width:400px; font-size:12px; color:#da4c39; } .float_inquiry_form_checkcode { margin:10px auto 0; text-align:left; width:400px; height:40px; } .float_inquiry_form_checkcode input{ height:38px; border:1px solid #ccc; width:150px; padding-left:30px; font-size:14px; color:#666; float:left; } /*.float_inquiry_form_checkcode a{ margin-left:15px; background:url("../images/float.png") no-repeat; width:100px; height:40px; float:left; text-indent:-9999px; }*/ /*.float_inquiry_form_checkcode a:hover{ background:url("../images/float.png") 0 -40px no-repeat; }*/ /*.float_inquiry_form_checkcode a:active{ background:url("../images/float.png") 0 -80px no-repeat; }*/ .float_inquiry_tip_checkcode { text-align:left; margin:10px auto 0; width:400px; font-size:12px; color:#da4c39; } .float_inquiry_tip_info { text-align:left; margin:10px auto 0; width:400px; font-size:14px; } .msgboxpanel{ width: 446px; max-height:296px; border: 2px solid #b1b1b1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 0px 25px; background: #fff; position:fixed; top:50%; left:50%; margin:-150px 0px 0px -250px; } .msgtitle{ height: 50px; border-bottom: 1px solid #eee; line-height: 50px; font-size: 18px; } .msgmain{ padding: 0px 10px 40px 10px; font-family:arial; font-size: 14px; } .msgform{ margin: 10px 0px; }.msgform p{ height: 18px; line-height: 18px; } .msginput{ border: 1px solid #ccc; height: 38px; line-height: 38px\9; padding-left: 30px; font-size: 16px; } .msgmobile{ background: url("../images/mobile.jpg") no-repeat left; width: 208px; margin-right: 10px; } .msgbutton{ background: #ff8400; height: 40px; line-height: 40px; color: #fff; width: 100px; text-align: center; cursor: pointer; } .errmsg{ font-size: 12px; color: #ff0000; padding-left: 30px; } .msgverification{ background: url(../images/verification.jpg) no-repeat left; width: 118px; margin-right: 10px; } #get_checkcode{ display: inline-block; width: 102px; height: 38px; background-color: #ff8400; color: #fff; text-align: center; vertical-align: middle; line-height: 40px; margin-left: 0px; text-decoration: none; } #post_phone{ display: inline-block; width: 102px; height: 38px; background-color: #dddddd; color: #fff; text-align: center; vertical-align: middle; line-height: 40px; margin-left: 0px; text-decoration: none; } /*calc*/ .calc_gallery{ background:url("../images/youzi_calc92.jpg") no-repeat; height:399px; text-indent:-9999px; width:1200px; margin:0 auto; } .calc_button_right{ margin-left:50px; } .calc_pinput_select a{ background-color:#c4c4c4; border-radius:4px; display:inline-block; margin-left:20px; width:100px; height:40px; margin-top:5px; line-height:40px; text-align:center; color:#242424; } .calc_button_selected a{ background:url("../images/green_button_100_40.png") no-repeat 0 -40px; } .calc_pinput_select a:hover{ background:url("../images/green_button_100_40.png") no-repeat; } .calc_pinput_select a:active{ background:url("../images/green_button_100_40.png") no-repeat 0 -80px; } li.calc_input_error input{ border:#ff0000 1px solid; } .calc_predict_input{ margin-top:-30px; } .calc_predict_input ul { display:inline-block; margin-top:40px; width:100%; } /*.calc_predict_input li{ display:inline-block; font-size:18px; font-weight:bolder; line-height:50px; vertical-align:middle; }*/ .calc_predict_input li{ font-size:18px; font-weight:bolder; line-height:50px; vertical-align:middle; display:inline-block; *display:inline; zoom:1; position:relative; } /*.calc_predict_input input{ text-align:center; font-size:20px; height:50px; width:60px; vertical-align:middle; border:1px solid #cfcfcf; background-color:#fafafa; margin-left:20px; margin-right:8px; }*/ .calc_predict_input input{ text-align:center; font-size:20px; height:50px; width:60px; line-height:45px\9; *line-height:50px; vertical-align:middle; border:1px solid #cfcfcf; background-color:#fafafa; margin-left:20px; margin-right:8px; } .calc_pinput_square input{ width:100px; } .calc_pinput_struc input{ background:url("../images/select_arrow_down.png") no-repeat; background-position:42px 20px; cursor:pointer; } /*.calc_pinput_struc_float { margin-top:-1px; margin-left:20px; position:absolute; border:1px solid #ececec; background:#fafafa; width:60px; }*/ .calc_pinput_struc_float { position:absolute; border:1px solid #ececec; background:#fafafa; width:60px; left:20px; top:50px; } .calc_pinput_struc_float span{ width:60px; float:left; height:32px; line-height:32px; text-align:center; } .calc_pinput_struc_float span a{ display:block; width:60px; height:32px; } .calc_pinput_struc_float span a:hover{ color:#2e2e2e; background:#c4c4c4; } .calc_predict_button { margin:30px auto 0; text-align:center; } .calc_predict_button a{ display:inline-block; background:url("../images/150_50.png") no-repeat; width:150px; height:50px; line-height:50px; color:#fafafa; font-size:18px; font-weight:bolder; } .calc_predict_button a:hover{ background:url("../images/150_50.png") no-repeat 0 -50px; } .calc_predict_button a:active{ background:url("../images/150_50.png") no-repeat 0 -100px; } .calc_hot_square { margin-top:20px; height:70px; background:#f7f7f7; border-radius:5px; } .calc_hot_square div{ float:left; } .calc_hots_title { line-height:70px; font-size:16px; padding-left:14px; margin-right:10px; } .calc_hots_detail li { float:left; width:130px; display:inline-block; margin-top:15px; } .calc_hots_detail li a{ display:block; height:40px; text-align:center; background:#dddddd; margin-left:15px; border-radius:5px; line-height:40px; } .calc_hots_detail li a:hover{ background:#e4e4e4; color:#747474; } .calc_input_detail{ margin-top:20px; padding-top:20px; padding-bottom:20px; border-top:1px solid #d4d4d4; } .calc_input_detail{ margin-top:40px; padding-top:20px; padding-bottom:20px; border-top:1px solid #d4d4d4; } .calc_input_detail span{ float:left; line-height:30px; } .calc_input_detail span a{ color:#99bf0f; display:block; } .calc_input_detail_title{ width:20%; } .calc_input_detail_body{ width:80%; } .calc_selectbox { margin-top:15px; height:auto; } .calc_selectbox .index_selectmenu div ul{ height:90px; width:244px; padding:5px 15px; } .calc_selectbox .index_selectmenu { height:130px; } .calc_selectbox .index_selectmenubox,.calc_selectbox .index_selectmenubox_boundry_right { cursor:pointer; } .calc_selectbox .index_selectbox_headline { height:50px; } .calc_selectbox .index_selectbox_headline h2 { font-size:16px; line-height:50px; font-weight:bolder; } .calc_selectbox .box_combo_name { height:25px; } .calc_selectbox .box_combo_name h2{ font-size:16px; line-height:25px; } .calc_selectbox .box_combo_intro { line-height:20px; border-bottom:solid 1px #ccc; } .calc_selectbox .box_combo_desc { font-size:12px; text-align:center; line-height:14px; margin-top:5px; color:#99bf0f; } .calc_price_table_caption h2{ font-weight:bolder; font-size:22px; line-height:40px; margin-top:20px; } .calc_price_table_poverview { height:30px; margin-bottom:5px; } .calc_poverview_price { float:left; font-size:16px; font-weight:bolder; line-height:30px; } .calc_poverview_price b { color:red; margin-left:10px; } .calc_poverview_tips { float:right; font-size:10px; line-height:30px; } .calc_ptable{ line-height:30px; font-size:14px; } .calc_ptable_body{ text-align:left; width:100%; border:solid 1px #d4d4d4; border-spacing:0px; border-collapse:collapse; } .calc_ptable_body thead{ background:#ebebeb; } .calc_ptable_body thead .calc_column_a { padding-left:10px; } .calc_ptable_title { background:#f0f0f0; cursor:pointer} .calc_ptable_title .calc_column_a { padding-left:12px; } .calc_ptable_body td.calc_column_a{ width:30%; } .calc_ptable_body td.calc_column_e{ width:40%; } .calc_ptable_title b{ width:13px; height:10px; display:inline-block; margin-right:7px; } .calc_ptable_title .calc_arrow_up{ background:url("../images/selected_up.png") no-repeat -137px 0; } .calc_ptable_title .calc_arrow_down{ background:url("../images/selected_down.png") no-repeat -137px -9px; } .calc_ptable_detail .calc_column_a { padding-left:32px; } .calc_ptable_body td,.calc_ptable_body th{ width:10%; padding-top:3px; padding-bottom:3px; border-top:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; } .calc_reserve_designer { margin:30px auto 0; padding-top:30px; padding-bottom:30px; text-align:center; border-top:solid 1px #d4d4d4; } .calc_reserve_designer a{ display:inline-block; background:url("../images/300_50.png") no-repeat; width:300px; height:50px; line-height:50px; color:#fafafa; font-size:16px; font-weight:bolder; } .calc_reserve_designer a:hover{ background:url("../images/300_50.png") no-repeat 0 -50px; } .calc_reserve_designer a:active{ background:url("../images/300_50.png") no-repeat 0 -100px; } .slide-other-inner{ margin: -394px auto 0; height: 394px; width:960px; } .home-main-slide { position: relative; margin: 0; height: 394px; width: 100%; overflow: hidden; } .home-main-slide .slide-pic { height: 394px; overflow: hidden; } .home-main-slide .slide-pic li { position: absolute; left: 0; top: 0; height: 394px; width: 100%; opacity: 0; } .home-main-slide .slide-pic a { display:block; height: 394px; width:100%; background-position: 50% 50%; background-repeat: no-repeat; } .home-main-slide .slide-control { position: absolute; bottom: 10px; left: 0; width: 100%; z-index: 10; } .home-main-slide .inner-box { position: relative; width: 960px; margin: 0 auto; } .home-main-slide .slide-nav { text-align: center; height: 12px; } .home-main-slide .slide-nav li { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px 0 0; width: 12px; height: 12px; border-radius: 50%; background-color: #fff; overflow: hidden; cursor: pointer; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .home-main-slide .slide-nav li.active { background-color: #82ba16; } .home-main-slide .slide-btn-pre, .home-main-slide .slide-btn-next { position: absolute; top: -200px; display: block; width: 40px; height: 100px; background: url(../images/main-slide-go.png) no-repeat; overflow: hidden; cursor: pointer; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .home-main-slide .slide-btn-pre:hover, .home-main-slide .slide-btn-next:hover { opacity: 0.6; } .home-main-slide .slide-btn-pre { left: -40px; background-position: 0 0; } .home-main-slide .slide-btn-next { right: -40px; background-position: 100% 0; } .home-main-slide .slide-btn-near { opacity: 0.3; } @media (max-width: 1200px){ .common_header_inner{ width:980px; } .common_header_menu{ margin:0; } .yz-qh { margin:0 0 0 10px; } .qh-btn{ width: 40px; } .common_header_menu li a{ width:80px; } }